/* CSS Document */
@media (max-width:1366px) {
	.mainfile .file_l{ height:471px;overflow:hidden;}
	.mainfile .file_l .file_text{ width:100%; padding-left:20px; padding-right:20px; max-height:471px; overflow:hidden; padding-top:10%;}
}
@media (max-width:1200px) {
	.header1 .topbar .logobar{ display:none;}
	.mainIcon a:hover{ margin-top:0;}
	.banbox1{ display:none;}
}

@media( max-width:1024px){
	.header1 .topbar .logo{ width:337px;}
 	.header1 .topbar .logobar{ display:none;}
	.header1 .topbar .tel{ display:none;}
	
	.puote-top .menu_l{ right:0;}
	.puote-top .menu_r{ left:0;}
	
	.fotop{ display:none;}

}

@media (max-width:991px) {
	.header1 .topbar{ position:relative;}
	.header1 .topbar .tel{ display:none;}
	.navbar-toggle{ display:block !important; margin-top:10px; margin-bottom:0; margin-right:0;}
	.navbar-toggle .icon-bar{ width:40px; height:7px; background:#2aa7df;}

	.header1 .topbar .sjdnav{ width:150px; position:absolute; right:15px; top:100%; z-index:5; display:block;}
	.header1 .topbar .sjdnav ul{ margin:0; padding:0;}
	.header1 .topbar .sjdnav li{display:block; padding:0; text-align:center; background:#016ca2; margin-bottom:3px;}
	.header1 .topbar .sjdnav li.active a{ color:#fff; background:#004e75;}
	.header1 .topbar .sjdnav li a{ display:block; color:#fff; line-height:32px; font-size:16px;}
	.header1 .topbar .sjdnavhide{ height:0; overflow:hidden;}
	
	.banner .banprev{ display:none;}
	.banner .bannext{ display:none;}
	
	.mainfile .file_r{ height:435px;}
	.mainfile .file_l{ height:435px;}
	.mainfile .file_l .file_text{ padding-top:4%;}
	
	.mainNews .news-list .imgbox .img_top{ padding-top:60%;}
	
	.aside .aside-bot{ display:none;}
	.aside .aside-txt{ display:none;}
	.aside{ width:100%; margin:0 auto;}
	.mains{ width:100%; margin-bottom:15px;}
	
	.aside .aside-type .accordion{ width:100%; display:block; float:left; margin-bottom:20px;}
	.aside .aside-type .accordion>li:first-child{ border-top:none;}
	.aside .aside-type .accordion>li{ width:50%; display:block; float:left; overflow:hidden; padding:0 4px;}
	.aside .aside-type .accordion .link{}
	
	.mains .main-top span{ display:none;}
	.mains .main-top{ height:auto; margin-bottom:20px; text-align:left; border:none;}
	.mains .main-top .main-top1{ border:1px solid #ababab; padding:5px 10px; color:#8d8d8d; display:block;}
	.mains .main-top .main-top1 a{ color:#8d8d8d; font-size:14px; margin:0 5px;}
	
}

 @media (max-width:767px) {

	.header1 .topbar .logo{ width:320px; margin-left:5px;}
	
	.mainfile .file_r{ display:none;}
	.mainfile .file_l{ width:100%; height:auto;}
	.mainfile .file_l .file_text{ padding-bottom:4%; padding-top:1%;}
	.mainfile  .mfbg{ display:block; width:100%;}
	
	.mainNews .news-list .textbox{ padding-top:35px; padding-bottom:0;}
	.mainNews .news-list .imgbox .img_top{ padding-top:60%;}
	
	.cimg-1{ width:100%}
	.fobot{ margin-bottom:55px;}
	
	.pages .page .pul .pli{ width:12%;}
	.pages .page{ margin-left:0;}
	.pages .page .pul .pli1{ width:45%;}
	
	.main-proimg2 .txt{ margin-top:20px;}
	
	.contentmg .yzm .yzm-ctr{ width:40%;}
	
	.cont-News .news-list .imgbox{ width:251px;}
	.cont-News .news-list .textbox{ padding-left:251px;}
	
	
}

 @media (max-width:650px) {
	.mainNews .news-list .textbox{ padding-top:12px;}
	.mainNews .news-list .textbox h6{ margin-top:0;}
	.mainNews .news-list .imgbox .img_top{ padding-top:66%;}
	.contentmg .yzm .yzm-ctr{ width:100%; margin-bottom:15px;}
	.cont-News .news-list .imgbox{ width:200px;}
	.cont-News .news-list .textbox{ padding-left:200px;}
}

@media( max-width:552px){
	.cont-News .news-list .imgbox{ width:100%;}
	.cont-News .news-list .textbox{ padding-left:0;}
	.cont-News .news-list .textbox a .h3{ margin-top:0;}
	.cont-News .news-list .textbox a .boxp{ margin-top:5px;}
}

@media(max-width:450px){
	.header1 .topbar .logo{ width:265px;}
	.navbar-toggle .icon-bar{ height:5px; width:34px;}
	.navbar-toggle{margin-right:0;margin-top:7px;}
	
	.mainNews .news-list .imgbox{ width:100%;}
	.mainNews .news-list .imgbox .img_top{ padding-top:44%;}
	.mainNews .news-list .textbox{ width:100%; padding-bottom:15px;}
	
	.mains-content .mainsList{ width:100%;}
	
	.contentCase .caseList{ width:100%;}
	
	.cont-News .news-list .imgbox{ height:170px;}
}

 @media (max-width:415px) {
	.header1 .topbar .logo{ width:220px; margin-top:4px;}
	
	.mainIcon>div{ width:100%}
	
}
 @media (max-width:340px) {
	.header1 .topbar .logo{ width:200px;}
	.navbar-toggle{ margin-top:5px; margin-right:0;}
	
 }